html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {
  color: #2f332a;
  font: 15px/21px Arial, Helvetica, simsun, sans-serif;
  background: #f0f6e4 \9;
}

h1, h2, h3, h4, h5, h6 {
  color: #2f332a;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  padding-bottom: 5px;
}

h1 {
  font-size: 24px;
  line-height: 34px;
  text-align: center;
}

h2 {
  font-size: 14px;
  line-height: 24px;
  padding-top: 5px;
}

h6 {
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
}

a {
  color: #3C6E31;
  text-decoration: underline;
  &:hover {
    background-color: #3C6E31;
    color: white;
  }
}

input {
  &.radio {
    margin: 0 2px 0 8px;
    &.first {
      margin-left: 0;
    }
  }
  &.empty {
    color: lightgray;
  }
}

code {
  color: #2f332a;
}

.highlight_red {
  color: #A60000;
}

.highlight_green {
  color: #A7F43D;
}

li {
  list-style: circle;
  font-size: 12px;
  &.title {
    list-style: none;
  }
}

ul.list {
  margin-left: 17px;
}

div {
  &.content_wrap {
    width: 600px;
    height: 380px;
    div {
      &.left {
        float: left;
        width: 250px;
      }
      &.right {
        float: right;
        width: 340px;
      }
    }
  }
  &.zTreeDemoBackground {
    width: 250px;
    height: 362px;
    text-align: left;
  }
}

ul {
  &.ztree {
    margin-top: 10px;
    border: 1px solid #617775;
    background: #f0f6e4;
    width: 220px;
    height: 360px;
    overflow-y: scroll;
    overflow-x: auto;
  }
  &.log {
    border: 1px solid #617775;
    background: #f0f6e4;
    width: 300px;
    height: 170px;
    overflow: hidden;
    &.small {
      height: 45px;
    }
    li {
      color: #666666;
      list-style: none;
      padding-left: 10px;
      &.dark {
        background-color: #E3E3E3;
      }
    }
  }
}

/* ruler */

div.ruler {
  height: 20px;
  width: 220px;
  background-color: #f0f6e4;
  border: 1px solid #333;
  margin-bottom: 5px;
  cursor: pointer;
  div.cursor {
    height: 20px;
    width: 30px;
    background-color: #3C6E31;
    color: white;
    text-align: right;
    padding-right: 5px;
    cursor: pointer;
  }
}